import ReactDOM from 'react-dom'
import { useRef } from 'react'

const Counter = () => {
  const onClick = () => {
    // 使用非空断言
    // 作用：断言操作的内容是非null非undefined
    console.log(inputRef.current!.value)

    // 使用类型断言来解决获取值可能为空
    // console.log((inputRef.current as HTMLInputElement).value)
  }

  const inputRef = useRef<HTMLInputElement>(null)
  return (
    <div>
      <input type='text' ref={inputRef} />
      <button onClick={onClick}>获取文本框的值</button>
    </div>
  )
}

ReactDOM.render(<Counter />, document.getElementById('root'))
